/*
Утилитарные классы, реализующие адаптив через CSS путём показа/скрытия элемента.

Глоссарий по модификаторам:

- `forced` – означает, что мы зашили конкретное представление в `AdaptiveProvider` (ex, `<AdaptiveProvider sizeX="regular">`).
- `mq` – означает, что для смены представления используется CSS Media Query.

---

Note: В начале классов разделить (`-`), чтобы красиво добавлялся префикс библиотеки после сборки.

*/

@media (--sizeX-regular) {
  .-sizeX--compact-mq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
@media (--sizeX-compact) {
  .-sizeX--regular-mq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (--sizeY-regular) {
  .-sizeY--compact-mq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
@media (--sizeY-compact) {
  .-sizeY--regular-mq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (--viewWidth-tabletPlus) {
  .-viewWidth--tabletMinus-mq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
@media (--viewWidth-tabletMinus) {
  .-viewWidth--tabletPlus-mq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (--desktop) {
  .-deviceType--mobile-mq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
@media (--mobile) {
  .-deviceType--desktop-mq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
